/* 
    Document   : shce-efects
    Created on : Jan 24, 2012, 9:30:22 PM
    Author     : GEORGE MEJIA
    Description:
        Purpose of the stylesheet follows.
*/

.efecto-expandido{
    
        transition: opacity 0.5s, box-shadow 0.5s, transform 0.5s, background 0.5s;
    -webkit-transition: opacity 0.5s, -webkit-box-shadow 0.5s, -webkit-transform 0.5s, background 0.5s, color 0.5s;
    -moz-transition: opacity 0.5s, -webkit-box-shadow 0.5s, -webkit-transform 0.5s, background 0.5s, color 0.5s;
    -o-transition: opacity 0.5s, -webkit-box-shadow 0.5s, -webkit-transform 0.5s, background 0.5s, color 0.5s;
    -ms-transition: opacity 0.5s, -webkit-box-shadow 0.5s, -webkit-transform 0.5s, background 0.5s, color 0.5s;

    
}

a.module:hover{

    color: #fff;
    background-color: rgba(31, 40, 44, 0.8);

    transform:scale(1.05,1.02);
    -webkit-transform:scale(1.07,1.07);
    -moz-transform:scale(1.07,1.02);
    -o-transform:scale(1.07,1.07);
    -ms-transform:scale(1.07,1.07);

    box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -webkit-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -moz-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -o-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -ms-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
}

a.submodule:hover{

    color: rgba(0,0,0,1);
    background-color: rgba(120,150,200,1);
    border: 1px solid yellow;

    transform:scale(1.07,1.07);
    -webkit-transform:scale(1.07,1.07);
    -moz-transform:scale(1.07,1.07);
    -o-transform:scale(1.07,1.07);
    -ms-transform:scale(1.07,1.07);

    box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -webkit-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -moz-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -o-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
    -ms-box-shadow: inset 0px 0px 10px 2px rgba(100, 100, 100, 0.5);
}